.dix-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.dix-table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-family: consolas;
}


.clear-0 {
  clear: both;
  height: 0px;
  font-size: 0;
  float: none;
  overflow: hidden;
}

.clear-5 {
  clear: both;
  height: 5px;
  font-size: 0;
  float: none;
  overflow: hidden;
}

.clear-10 {
  clear: both;
  height: 10px;
  font-size: 0;
  float: none;
  overflow: hidden;
}

.clear-20 {
  clear: both;
  height: 20px;
  font-size: 0;
  float: none;
  overflow: hidden;
}
.clear-50 {
  clear: both;
  height: 50px;
  font-size: 0;
  float: none;
  overflow: hidden;
}
.clear-100 {
  clear: both;
  height: 100px;
  font-size: 0;
  float: none;
  overflow: hidden;
}


.form-control {
  width: 100%;
}

.hide {
  display: none!important;
}

.show {
  display: block!important;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.flex-container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  flex-direction:column;
  -webkit-flex-direction:column;
  height: 100%;
}

.flex-row {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex-row-space-between {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
}

.flex-content {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /* width: 20%; */         /* For old syntax, otherwise collapses. */
  /* 见本文底部评论@Lawrence */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  overflow: auto;
}

.flex-footer {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 30px;
  height: 60px;
  background: #fff;
}

.flex-footer .flex-footer-content {
  display: table-cell;
  vertical-align: middle;
}

.no-padding {
  padding: 0!important;
}

.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}

.link {
  color: #337ab7;
}

.link:hover {
  color: #23527c;
}

.consolas {
  font-family: Consolas, "Courier New";
}

.thumb-img {
  cursor: pointer;
  max-width: 50px;
}

.common-modal .ivu-modal {
  top: 10px;
}

.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked) {
  border: 1px solid #e8eaec!important;
  background: #f7f7f7!important;
}
